<template>
	<view class="me-account-list">
		<view v-if="tabindex=='t1'">
			<view class="account">
				<!--<view class="tab">
					<text class="active">留言</text>
					<text>我的留言</text>
				</view>-->
				
				<view class="intro">您的账号被封禁，如有异议请留言</view>
				
				<view class="textareas">
					<u--textarea placeholder="请输入内容" v-model="cusname"></u--textarea>
				</view>
				
				<view class="img_list">
					<u-upload :fileList="fileList1" @afterRead="afterRead" @delete="deletePic" name="1"  multiple :maxCount="10"></u-upload>
				</view>
				
				<!--底部start-->
				<view class="f_btn">
					<button class="submit" :class="cusname.length>0?'on':''">提交</button>
					<u-safe-bottom></u-safe-bottom>
				</view>
				<!--底部end-->
				
				<u-safe-bottom></u-safe-bottom>
				
			</view>
		</view>
		<view v-else>
			<view class="message_my">
				<view class="my_word_list" >
					<view class="time">2018-03-18  17:56</view>
					<view class="con">
						<view class="tit">【收不到验证码】</view>
						<view class="cons">新概念是用毛泽东思想武装起来的平台，是人全心全意为荣玩家服务的平台，因而是战无不胜的平台全心全意为玩家服务。</view>
						<view class="imgs">
							<u-album :urls="urls1" keyName="src2" singleSize="170rpx" multipleSize="170rpx" space="7rpx"></u-album>
						</view>
						<view class="tips">回复：毛泽东思想武装起来的平台，是全心全意为玩家服务的平台，因而是战。</view>
					</view>
				</view>
				<view :id="'num'+item.id" class="my_word_list" v-for="(item,key) in list" :key="key">
					<view class="time">2018-03-18  17:56</view>
					<view class="con">
						<view class="tit">【收不到验证码】</view>
						<view class="cons">新概念是用毛泽东思想武装起来的平台，是人全心全意为荣玩家服务的平台，因而是战无不胜的平台全心全意为玩家服务。</view>
						<view class="tips">回复：毛泽东思想武装起来的平台，是全心全意为玩家服务的平台，因而是战。</view>
					</view>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
/**
 * 1、刷新：如果在此页面需要控制刷新当前tab数据则可调用父页面的这个函数：this.$emit('refreshTab');【更多使用方法请移步至源函数查阅】
 * 2、如果需要获取当前tab序号则用：this.tabindex
 * 注：特别注意此页面无生命周期，以及无法使用原生组件，原生组件和fixed元素需要写在mescroll-uni的外面 否则滚动列表会抖动（但使用uView这些组件是没问题的）
 */
export default {
    props:{
        //数据列表
        list: {
            type: Array,
            default(){
                return []
            }
        },
        //当前tab的标识ID
        tabindex: {
            type: [String,Number],
            default: ''
        },
    },
	data(){
		return{
			add_soucang_class:[],
			add_xihuan_class: [],
			fileList1: [{
				url:'/static/images/img_01.jpg'
			}],
			cusname:'',	
			albumWidth: 0,
			urls1: [{
				src2: '/static/images/img_43.png',
			},{
				src2: '/static/images/img_43.png',
			}],
		}
	},
	mounted() {
		console.log(this.tabindex)
	},
	methods:{
		soucang(e){
            if (this.add_soucang_class.indexOf(e) == -1) {
                console.log(e)//打印下标
                this.add_soucang_class.push(e);//选中添加到数组里
            } else {
                this.add_soucang_class.splice(this.add_soucang_class.indexOf(e), 1); //取消
            }
        },
		xihuan(e){
            if (this.add_xihuan_class.indexOf(e) == -1) {
                console.log(e)//打印下标
            this.add_xihuan_class.push(e);//选中添加到数组里
            } else {
                this.add_xihuan_class.splice(this.add_xihuan_class.indexOf(e), 1); //取消
            }
        },
		// 删除图片
		deletePic(event) {
			this[`fileList${event.name}`].splice(event.index, 1)
		},
		// 新增图片
		async afterRead(event) {
			// 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
			let lists = [].concat(event.file)
			let fileListLen = this[`fileList${event.name}`].length
			lists.map((item) => {
				this[`fileList${event.name}`].push({
					...item,
					status: 'uploading',
					message: '上传中'
				})
			})
			for (let i = 0; i < lists.length; i++) {
				const result = await this.uploadFilePromise(lists[i].url)
				let item = this[`fileList${event.name}`][fileListLen]
				this[`fileList${event.name}`].splice(fileListLen, 1, Object.assign(item, {
					status: 'success',
					message: '',
					url: result
				}))
				fileListLen++
			}
		},
		uploadFilePromise(url) {
			return new Promise((resolve, reject) => {
				let a = uni.uploadFile({
					url: 'http://192.168.2.21:7001/upload', // 仅为示例，非真实的接口地址
					filePath: url,
					name: 'file',
					formData: {
						user: 'test'
					},
					success: (res) => {
						setTimeout(() => {
							resolve(res.data.data)
						}, 1000)
					}
				});
			})
		},
	}
}
</script>

<style lang="scss">
  @import url("../../../common/style.scss");
  @import url("../member.scss");
  .message_my{
	  padding: 0 25rpx;
  }
</style>
